<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>skew()方法</title>
<style type="text/css"> 
div{
	width:100px;
	height:50px;
	background-color:#0CC;
	border:1px solid black;
}
#div2{
	transform:skew(30deg,10deg);
	-webkit-transform:skew(30deg,10deg);   /*Chrome浏览器兼容代码*/
	-moz-transform:skew(30deg,10deg);      /*Firefox浏览器兼容代码*/
}
</style>
</head>
<body>
<div>盒子1未倾斜</div>
<div id="div2">盒子2倾斜</div>
</body>
</html>
